﻿<template drop.trigger="itemDropped($event)">
    <import from="./toolbar"></import>

    <toolbar viewable.bind="viewable" if.bind="viewable.environment"></toolbar>

    <div class="text-editor-container flex-grow-height-restricted d-flex">
        <div class="production-marker"
             if.bind="viewable.environment.script.dataConnection.containsProductionData"
             title="This scripts targets a data connection that contains Production data. Be careful!">
        </div>

        <div ref="editorHost" class="flex-grow-height-restricted min-w-0">
            <au-compose component.bind="editor"></au-compose>
        </div>
    </div>
</template>
